.dropzone.dz-clickable .dz-message span img{
    width:100% !important;
    height:auto !important;
}


@media(max-width:480px){
    .cr-boundary{
        width:100% !important;
    }

    .cr-viewport.cr-vp-square{
        width:100% !important;
    }

    .croppie-container .cr-image{
        /*width: auto !important;*/
        /*max-width:90% !important;*/
        /*transform: translate(-139.5px, -8.5px) scale(0.46) !important;*/
        /*transform-origin: 265px 237px !important;*/
    }

    /*    .croppie-container .cr-boundary img.cr-image{
            transform: translate3d(0px, 0px, 0px) scale(0.46) !important;
        }*/
}

@media(min-width:481px) and (max-width:667px){
    .cr-boundary .cr-viewport.cr-vp-square{
        height:auto !important;    
    }
}


.croppie-container> button:nth-last-of-type(2){
    background-color: #399BFF !important;
    border: 1px solid #399BFF !important;
    color: white !important;
    box-sizing: border-box !important;
    padding: 6px 15px !important;
    width: 82px !important;

}
.croppie-container> button:nth-last-of-type(1){
    background-color: #ececec !important;
    border: 1px solid #8c8c8c !important;
    color: black !important;
    box-sizing: border-box !important;
    padding: 6px 15px !important;
    top: 55px !important;
    width: 82px !important;
}

.dropzone {
    .dz-preview {
        .dz-image {
            img {
                height: 120px;
                width: 120px;
                object-fit: cover;
            }
        }
    }
}

@media(max-width:480px){
    .croppie-container> button:nth-last-of-type(1){
        top: 10px !important;
        left: 182px !important;
    }
}